/** Add css rules here for your application. */

.background, img {
    -moz-border-radius : 10px;
}

.frame {
    -moz-border-radius : 10px;
    padding : 15px;
    background-color : rgba(0, 0, 255, 0.25);
    opacity: 0.8;
}

body {
    margin:0;
}

.testframe {
    position: absolute;
    left: 40px;
    top: 40px; 
    width: 300px;
    -moz-border-radius : 25px;
    padding : 8px;
    background-color : rgba(0, 0, 255, 0.25);
    /*background : -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(white),  color-stop(0.5, white), color-stop(0.5, #66cc00));*/
    /*background:-moz-linear-gradient(90deg, #0000FF, #9999ff, #0000FF) repeat scroll 0 0 transparent;*/

    opacity: 0.9;

    /*webkit*/
    border-radius : 18px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005186), to(#477eaa));
    -webkit-box-shadow: rgba(0, 0, 128, 0.246094) 4px 4px 8px;
    -webkit-box-reflect: below 10px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(255, 255, 255, 0.086719))) 0 0 0 0 stretch stretch;

}

.testimage {
    width: 300px;
    height: 177px; /*must fit ratio of image*/
    -moz-border-radius : 10px;
    -moz-background-size : contain;
    background-color : rgba(0, 0, 2, 0.75);
    background-image : url(https://spreadsheets.google.com/oimg?key=0Agj5nvEzS2zDdEktTTlfMGg3eElZTFZsbk9MSXhNMlE&oid=13&zx=ocv712-1fqf3u);
    background-repeat : no-repeat;

    opacity: 0.9;
    
    /*webkit*/
    border-radius : 10px;
    background-size : contain;

}

.testbackgroundframe {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 1400px;
    height: 900px;
    -moz-border-radius : 25px;
    padding : 8px;
    /*margin : 8px;*/
    background-color : rgba(0, 0, 255, 0.25);
    /*background : -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(white),  color-stop(0.5, white), color-stop(0.5, #66cc00));*/
    /*background:-moz-linear-gradient(90deg, #0000FF, #9999ff, #0000FF) repeat scroll 0 0 transparent;*/

    /*webkit*/
    border-radius : 18px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005186), to(#477eaa));
    -webkit-box-shadow: rgba(0, 0, 128, 0.246094) 4px 4px 8px;
    -webkit-box-reflect: below 10px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(255, 255, 255, 0.086719))) 0 0 0 0 stretch stretch;

}

.testbackground {
    width : 100%;
    height : 100%;
    -moz-border-radius : 10px;
    -moz-background-size : contain;
    background-color : rgba(0, 0, 2, 0.75);
    background-image : url(http://lh4.ggpht.com/_12NdJ101w9w/Synd6JB2ZiI/AAAAAAAAAeY/WqtqEONZxww/s912/P1020297.JPG);
    background-repeat : no-repeat;
    background-position: center center;

    /*webkit*/
    border-radius : 10px;
    background-size : cover;

}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
